<div class="yk_live-chat" q-show="isShow" id="ke-chat"
		style="display: block;">
		<div class="title" id="titleDiv">
			<ul class="list clearfix">
				<li data-name="t" class="tab active" >讨论</li>
				<li data-name="u" class="tab " >成员
				</li>
			</ul>
			<div class="line">
				<div class="move-line "></div>
			</div>
		</div>
		<div class="panelul ">
			<div class="yl_main" q-show="isHideAll | !" id="ke-notice">
				<div class="notice-container" q-show="isShow" q-el="container">
					<div class="tab">
						<div class="tab-bd">
							<div class="notice active"
								q-class="active: tabIndex | tabActive 0">
								<div class="mod-notice" q-html="noticeData | getNotice">
									<span class="notice-title">[公告]</span>想系统学习ps，请加老师QQ
									小凡老师：2493324021 李老师 ：70684231 Q群 263587430
								</div>
							</div>
							<div class="recommend" q-class="active: tabIndex | tabActive 1">
								<a q-attr="href: | getRecommendUrl" q-on="click: clickRecommend"
									style="float: left;" target="_blank">
									<div class="mod-recommend clearfix">
										<div class="mod-recommend-img">
											<img width="97" height="54"
												q-attr="src: | getRecommendCoverUrl">
										</div>
										<div class="mod-recommend-des">
											<span class="mod-recommend-name" q-text="recommendName"></span>
											<span class="mod-recommend-wording" q-text="recommendDes"></span>
										</div>
									</div>
								</a>
							</div>
							<!--q-if-->
						</div>
						<div class="tab-hd">
							<div class="tab-hd-group tab-one" q-class="| getTabsNum">
								<a href="javascript:void;"
									q-class="active: tabIndex | tabActive 0"
									q-on="click: selectTab | sendParam 0" class="active"><span></span></a>
								<a href="javascript:void;"
									q-class="active: tabIndex | tabActive 1"
									q-on="click: selectTab | sendParam 1" q-show="recommendData"
									class="" style="display: none;"><span></span></a> <a
									href="javascript:void;"
									q-class="active: tabIndex | tabActive 2"
									q-on="click: selectTab | sendParam 2"
									q-show="couponData | notNull" style="display: none;"><span></span></a>
							</div>
						</div>
					</div>
					
				</div>
				<i class="notice-icon" q-show="isShow | !" q-on="click: show"
					title="公告" style="display: none;"></i>
				<div class="coupon-dialog">
					<div class="ym_main dialog" q-show="isShow" id="ke-couponDialog"
						style="display: none;">
						<div tabindex="-1" class="overlay"></div>
						<div class="container">
							<div class="dialog-head">
								领取优惠券<i class="close-btn icon-font i-close"
									q-on="click: closeWindow"></i>
							</div>
							<div class="dialog-body">
								<div class="db-coupon-box clearfix">
									<div class="db-left">
										<div q-attr="class: couponData| getCouponClass" class="">
											<span class="db-coupon-text" q-text="couponTitle"></span> <span
												class="db-coupon-symbol">￥</span> <span
												class="db-coupon-num" q-text="couponNum">0</span>
										</div>
									</div>
									<div class="db-right">
										<span class="coupon-title" q-text="couponFullName"></span>
										<p class="coupon-conditions"
											q-html="couponData | getCouponUseConditions"></p>
										<p class="coupon-time" q-text="couponData | getCouponUseTime"></p>
									</div>
								</div>
							</div>
							<div class="btn-group">
								<span class="btn btn-confirm" q-on="click: dialogSubmit">确认领取</span>
							</div>
						</div>
					</div>
				</div>
				<div class="coupon-dialogtip">
					<div class="yn_main dialog" q-show="isShow" id="ke-couponDialogTip"
						style="display: none;">
						<div class="overlay"></div>
						<div class="container">
							<div class="dialog-head">
								<span q-text="head"></span><i
									class="close-btn icon-font i-close" q-on="click: closeWindow"></i>
							</div>
							<div class="dialog-body">
								<div class="dialog-content clearfix">
									<i class="icon-font i-success"
										q-class="i-alert: isAlert, i-success: isSuccess"></i>
									<div class="tip">
										<p class="header" q-text="title"></p>
										<span class="text" q-text="content"></span>
									</div>
								</div>
							</div>
							<div class="btn-group">
								<span class="btn btn-confirm" q-show="isShowCancelBtn"
									q-on="click: dialogCancel" q-text="cancelText"
									style="display: none;"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="yo_container nano has-scrollbar"
				q-attr="style: chatListStyle" id="ke-chatlist"
				style="height: 263px;">
				<div class="tip-text" q-show="tipText | notEmpty"
					q-on="click: clickTipText" q-html="tipText" q-attr="title: tipText"
					title="" style="display: none;"></div>
				<div class="warn-text" q-show="warnText | notEmpty"
					q-text="warnText" style="display: none;"></div>
				<div class="nano-content viewer-content" tabindex="0"
					style="right: -17px;">
					<div class="hide">
						<i class="icon-font i-zoom-in"></i> <i class="icon-font i-no-msg"></i>
						<ul class="viewer-box">
							<!--q-repeat-->
						</ul>
					</div>
					<ul id="list-ul" class="list-ul" q-el="list-ul"
						style="height: 58px;">
						<div class="chat-list-getheight"
							style="position: fixed; visibility: hidden; z-index: -999;">
							<!--q-repeat-->
						</div>
						<li class="chat-list chat-list-show"
							q-attr="style: | ItemMarginTop $this" q-html="innerHTML"
							style="top: 0px">
							<div class="student">
								<span class="nick">我</span> <i class="icon-font i-alert"
									title="信息发送失败" style="display: none;"></i> <span
									class="content">zhidao</span>
							</div> <!--q-if--> <!--q-if-->
						</li>
						<!--q-repeat-->
					</ul>
				</div>
				<div class="nano-pane" style="display: none;">
					<div class="nano-slider"
						style="height: 246px; transform: translate(0px, 0px);"></div>
				</div>
			</div>
			<div class="yp_container " id="ke-toolbar">
				<div class="face hide" title="选择表情" q-on="click: toggleFace">
					<a class="icon-font i-emoji"  href="javascript:void(0)"
						style="display: none;color: #555;"></a> <a class="icon-font i-emoji"
						href="javascript:void(0)" id="ke-face" q-third="third-face"
						q-show="allowFace" q-ref="ke-face"></a>
				</div>
				<div class="upload-image hide" >
					<a class="icon-font i-image" title="发送图片" href="javascript:void(0)" style="display: none;color: #555;"></a>
					<div>
						<div class="xy_main">
							<div id="fileList" class="uploader-list"></div>
							<a id="filePicker" href="javascript:void(0)" q-el="filePicker"
								class="icon-font i-image di"></a> <input name="filename"
								q-el="upload-img" class="upload-img" type="file" title="发送图片"
								accept="image/x-png,image/jpeg,image/gif,image/x-ms-bmp,image/bmp">
						</div>
					</div>
				</div>
				<a class="flower icon-font i-flower" href="javascript:void(0)" title="送鲜花给老师"></a> 
				<a class="join-group icon-font i-group"
					target="_blank"
					href="http://qm.qq.com/cgi-bin/qm/qr?k=uMR0d6J35L4IAFlpmYLNsny7A3CKPCIS"
					title="加入课程直播群"></a> <a href="javascript:void(0)"
					class="only-teacher icon-font i-msg-filter" style="display: none;" title="只看老师说话"></a>
			</div>
			<div class="xx_container" id="ke-editor">
				<div class="nano has-scrollbar">
					<div class="nano-content" tabindex="0" style="right: -17px;">
						<div id="editor-content" class="editor-content"
							q-attr="contenteditable: isAllow" q-on="keyup: contentInput"
							contenteditable="true"></div>
					</div>
					<div class="nano-pane" style="display: none;">
						<div class="nano-slider"
							style="height: 20px; transform: translate(0px, 0px);"></div>
					</div>
				</div>
				<div class="limit-sec" q-show="warnType | whatType 0"
					style="display: none;">
					需要等待<span q-text="limitSec">0</span>秒才能发言
				</div>
				<div class="limit-sec" q-show="warnType | whatType 1"
					style="display: none;">您已被禁言</div>
				<div class="limit-sec" q-show="warnType | whatType 2"
					style="display: none;">老师设置了全体禁言模式</div>
				<div class="limit-sec" q-show="warnType | whatType 3"
					style="display: none;">
					编辑区加载失败， <a href="javascript:void(0);" class="refreshBtn"
						q-on="click: refreshChat">重新加载</a>
				</div>
				<div class="submit-btn" q-class="grey: isAllow | !"
					q-on="click: submit">发送</div>
				<div class="input-tips" q-show="textOverLength"
					style="display: none;">
					已超出<span q-text="textOverLength">0</span>字
				</div>
			</div>
		</div>
		<div class="panelul hide">
			<div class="xw_main" id="ke-memberlist">
				<ul class="member-list" q-attr="style: memberListStyle"
					style="height: 553px;">
					<div>
						<li class="list-item group-item"><span
							class="avatar avatar-group" q-attr="alt: uin"></span> <a
							q-attr="href: url" target="_blank"
							href="http://qm.qq.com/cgi-bin/qm/qr?k=uMR0d6J35L4IAFlpmYLNsny7A3CKPCIS">
								<span class="member-name" q-html="name">塾乐A6班-淘宝美工培训</span> <span
								class="join-group">加入该群</span>
						</a></li>
						<!--q-repeat-->
					</div>
					<li class="list-item teacher-item" q-attr="title: nickname"
						title="塾乐教育-小凡老师"><span class="avatar avatar-tech-male"
						q-class="| avatarClass $this" q-attr="alt: uin"></span> <span
						class="avatar avatar-stu-qq" q-show="platform | isPhone"
						title="手机用户"></span> <span class="member-name"
						q-text="nickname | getNickname $this">[老师] 塾乐教育-小凡老师</span></li>
					<!--q-repeat-->
					<li class="list-item" q-attr="title: nickname" title="Trial arrow">
						<span class="avatar avatar-stu-male" q-class="| avatarClass $this"
						q-attr="alt: uin"></span> <span class="avatar avatar-stu-qq"
						q-show="platform | isPhone" title="手机用户" style="display: none;"></span>
						<span class="member-name" q-text="nickname | getNickname $this">Trial
							arrow</span>
					</li>
					<li class="list-item" q-attr="title: nickname" title="青qing">
						<span class="avatar avatar-stu-female"
						q-class="| avatarClass $this" q-attr="alt: uin"></span> <span
						class="avatar avatar-stu-qq" q-show="platform | isPhone"
						title="手机用户" style="display: none;"></span> <span
						class="member-name" q-text="nickname | getNickname $this">青qing</span>
					</li>
					
					<!--q-repeat-->
				</ul>
				<div class="page-ctrl">
					<a class="pre" q-show="isFirstPage|not" q-on="click: preMemberList"
						style="display: none;"></a> <a class="next"
						q-show="isLastPage|not" q-on="click: nextMemberList"
						style="display: block;"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="xv_main dialog" q-show="isShow" id="ke-push">
		<div class="xu_main dialog" q-show="isShow" id="ke-sign"
			style="display: none;">
			<div class="xt_main" q-show="isShow"></div>
			<div class="container">
				<div class="dialog-head">
					<i class="close-btn icon-font i-close" q-on="click: closeWindow"></i>
				</div>
				<div class="dialog-body">
					<div class="dialog-content clearfix">
						<i class="icon-font" q-class="i-success: isSuccess"></i>
						<div class="tip">
							<p class="header" q-text="title"></p>
						</div>
					</div>
				</div>
				<div class="btn-group">
					<span class="btn btn-confirm" q-show="isShowCancelBtn"
						q-on="click: confirmBtnClick" q-text="cancelText"
						style="display: none;"></span>
				</div>
				<div class="bottom-count-down">
					<div class="xs_main" q-show="isShow" id="sign-countdown">
						<div class="xs_num right" q-text="seconds|getTextTime">00:00</div>
						<div class="xs_percent" q-set-width="seconds" style="width: 0%;">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="xr_main dialog" q-show="isShow" id="ke-examcard"
			style="display: none;">
			<div class="xr_container">
				<div class="dialog-head">
					<span class="head-text" q-text="examType|getHead">多选题</span>
					<!--q-if-->
				</div>
				<div class="dialog-body">
					<div class="dialog-content clearfix">
						<div class="tip">
							<p class="header" q-text="title"></p>
							<span class="text" q-text="content"></span>
							<div class="choice-group" q-show="state|getChoiceGroupIsShow"
								q-class="result:state|getIsResult">
								<div q-on="click:clickChoice(this, e)" class="btn choice-item"
									q-class="chosen:isChosen" q-text="text">A</div>
								<div q-on="click:clickChoice(this, e)" class="btn choice-item"
									q-class="chosen:isChosen" q-text="text">B</div>
								<div q-on="click:clickChoice(this, e)" class="btn choice-item"
									q-class="chosen:isChosen" q-text="text">C</div>
								<!--q-repeat-->
							</div>
						</div>
					</div>
				</div>
				<div class="btn-group">
					<span class="btn btn-confirm btn-disabled"
						q-class="btn-disabled:choices|getDisabled"
						q-show="isShowCancelBtn" q-on="click: confirmBtnClick"
						q-text="cancelText">确定</span>
				</div>
				<div class="bottom-count-down">
					<div class="xs_main" q-show="isShow" id="examcard-countdown">
						<div class="xs_num right" q-text="seconds|getTextTime">00:00</div>
						<div class="xs_percent" q-set-width="seconds" style="width: 0%;">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<script>
$(function(){
	$(".tab").click(function(){
		$(".tab").removeClass("active")
		$(this).addClass("active")
		if($(this).attr("data-name")=="u"){
	    	$(".move-line").addClass("members-line")
	    }else{
	    	$(".move-line").removeClass("members-line")
	    }
		$(".tab").each(function(){
		    if(!$(this).hasClass("active")){
		    	$(this).addClass("active")
		    }else{
		    	$(this).removeClass("active")
		    }
		});
		$(".panelul").each(function(){
		    if(!$(this).hasClass("hide")){
		    	$(this).addClass("hide")
		    }else{
		    	$(this).removeClass("hide")
		    }
		});
	})
		
	$("#live-chat").click(function(){
			if($(this).hasClass("active")){
				$(this).removeClass("active")
			}else{
				$(this).addClass("active")
			}
			if($("#ke-chat").css("display")=="none"){
				$("#ke-chat").css("display","block")
			}else
			$("#ke-chat").css("display","none")
		
	})
	
})
</script>